<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<title>提现记录</title>
	<!-- 引入Mui -->
	<link rel="stylesheet" href="css/mui.min.css">
	<!-- 引入公共样式 -->
	<link rel="stylesheet" href="css/public.css">
	<style>
		*{ touch-action: pan-y; }
		.medai_list .tish{
			position: absolute;
			right: 10px;
			bottom: 8px;
		}
		.mui-table-view-cell .time{
			position: absolute;
			top: 1%;
			right: 1%;
		}
		.mui-table-view-cell h4{
			font-weight: 300;
			font-size: 14px;
		}
		.mui-table-view-cell h4 span{
			font-size: 16px;
			font-weight: 600;
		}
	</style>
</head>
<body>
<!-- 头部 -->
<header id="header" class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title">提现记录</h1>
</header>
<!-- 头部 结束 -->
<div class="mui-content mui-scroll-wrapper">
	<div class="mui-scroll">
		<!-- 提现列表 开始-->
		<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
			<li class="mui-table-view-cell">
				<div class="mui-table">
					<div class="mui-table-cell mui-col-xs-10">
						<h4>提现金额:<span class="mui-badge-danger mui-badge-inverted"> 100.00 </span>元</h4>
						<h5><span class="">2018-11-11 11:11:11</span></h5>
						<p class="time">提现中</p>
					</div>
				</div>
			</li>
			<li class="mui-table-view-cell">
				<div class="mui-table">
					<div class="mui-table-cell mui-col-xs-10">
						<h4>提现金额:<span class="mui-badge-danger mui-badge-inverted"> 100.00 </span>元</h4>
						<h5><span class=" ">2018-11-11 11:11:11</span></h5>
						<p class="time">提现失败</p>
						<p>失败原因: <span class="mui-badge-red mui-badge-inverted">余额不足</span></p>
					</div>
				</div>
			</li>
			<li class="mui-table-view-cell">
				<div class="mui-table">
					<div class="mui-table-cell mui-col-xs-10">
						<h4>提现金额:<span class="mui-badge-danger mui-badge-inverted"> 100.00 </span>元</h4>
						<h5><span class=" 	">2018-11-11 11:11:11</span></h5>
						<p class="time">提现成功</p>
					</div>
				</div>
			</li>
		</ul>
		<!-- 提现列表 结束-->
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/doT.js"></script>
<!-- 以上为引入第三方插件 -->
<script>
	// 页面初始化
	mui.init()

</script>
</body>

</html>
